
<!doctype html>
<html class="no-js">
<#include "../../common/header.ftl">
<script src="${basePath}/js/refund/takeGoods.js?v=201711021700"></script>
<head>
<meta charset="UTF-8">
<title>售后收货</title>
<style>
	.text-td{
		width:14%;
		text-align: center;
	}
	.input-td{
		width:36%;
	}
	.tab-div{
		min-height:560px;
	}
	.left{
		float:left;
		min-width:100px;
		margin:2px 5px;
	}
	.selected{
		background-color: #00fff0;
	}
	.hide{
		display:none;
	}
	.blank-30{
		width:100%;
		height:30px;
		background-color: #e2e2e2;
	}
	body .layui-layer-content{overflow: 'visible'}
	.layui-word-aux{
		font-size: small;
    	color: red;
	}
	.foot{
		margin-top: 5%;
    	margin-left: 10%;
	}
</style>
</head>
<body>
<#if refundOrderVo??>
<form class="layui-form " action="#" data-refundId="${refundOrderVo.id}" >
    	<table class="layui-table" lay-skin="line">
    		<tr>
    			<td class="text-td" style="width:120px;"><lable>售后单编号</lable></td>
    			<td class="input-td" >
    				<span>${refundOrderVo.refundNo!}</span> 
    			</td>
    			<td class="text-td" style="width:120px;"><lable>售后状态</lable></td>
    			<td class="input-td" >
    				<span>${refundOrderVo.statusName!}</span> 
    			</td>
    		</tr>
    		<tr>
    			<td class="text-td" style="width:120px;"><lable>物流公司</lable></td>
    			<td class="input-td" >
    				<span>${refundOrderVo.shipCompany!'未录入'}</span> 
    			</td>
    			<td class="text-td" style="width:120px;"><lable>物流单号</lable></td>
    			<td class="input-td" >
    				<span>${refundOrderVo.shipNo!'未录入'}</span>
    			</td>
    		</tr>
    		<tr>
    			<td class="text-td" style="width:120px;"><lable>发货时间</lable></td>
    			<td class="input-td" >
    				<#if refundOrderVo.shipTime??>
    					<span>${refundOrderVo.shipTime?string('yyyy-MM-dd')}</span> 
    				<#else>
    					<span>未录入</span>
    				</#if>
    			</td>
    			<td class="text-td" style="width:120px;"><lable>备注</lable></td>
    			<td class="input-td" >
    				<span>${refundOrderVo.remark!}</span>
    			</td>
    		</tr>
    	</table>
    	<table class="layui-table"  lay-skin="nob" lay-even>
    	  <thead>
		      <tr>
		         <th style="width:8%">封面图</th>
		         <th style="width:20%">商品名称</th>
		         <th style="width:15%">颜色</th>
		         <th style="width:5%">尺码</th>
		         <th style="width:10%">sku</th>
		         <th style="width:5%">购买价格</th>
		         <th style="width:5%">退货数量</th>
		         <th style="width:5%">已签收数量</th>
		         <th style="width:17%">签收数量</th>
		      </tr>
		  </thead>
		  <tbody>
			<#list refundOrderVo.refundDetailList! as detail>
    		<tr class="refund-detail-info" data-id="${detail.refundDetailId}">
    			<td>
    			<#if detail.coverImage??>
					<img  src="${imgUrl+detail.coverImage}" height="50px" width="50px" 
					  data-toggle="modal" data-target="#imgModal" onerror="this.src='${basePath}/images/default_goods.jpg'" />
				<#else>
					<img  src="${basePath}/images/default_goods.jpg" height="50px" width="50px"  data-toggle="modal" data-target="#imgModal"/> 
				</#if>
    			</td>
    			<td>${detail.goodsName!}</td>
    			<td>${detail.goodsColor!}</td>
    			<td>${detail.goodsSize!}</td>
    			<td>${detail.skuName!}</td>
    			<td>${detail.price!}</td>
    			<td>${detail.quantity!}</td>
    			<td>${detail.signQuantity!}</td>
    			<td>
	    			<div class="layui-form-item">
						<div class="layui-input-inline">
							<input type="text" value="${detail.signQuantity!}" class="layui-input sign-quantity" data-quantity="${detail.quantity!}" />
						</div>
						<div class="layui-form-mid layui-word-aux"></div>
					</div>
    			</td>
    		</tr>
    		</#list>
    	  </tbody>
    	</table>
</form>
<div class="foot">
		<button type="button" class="layui-btn layui-btn-normal"
			id="save-button">
			<i class="layui-icon">&#xe605;</i>保存
		</button>
		<button type="button" class="layui-btn layui-btn-normal"
			id="close-button">
			<i class="layui-icon">&#x1006;</i>关闭
		</button>
	</div>
<#else>
<span>售后单不存在！！！</span>
</#if>
<script type="text/javascript">
	var basePath = "${basePath}";
	layui.use(['form','layer'],function(){
	  var form = layui.form();
	  var layer = layui.layer;
	});
</script>
</body>
</html>
